*{
	padding: 0;
	margin: 0;
}
.header{
	text-align: center;
	background-color: #e9e9e9;
	border: #ddd;
	height: 38px;
	padding-top: 15px;
}

.header h1{
	font-size: 22px;
}
li {
	list-style: none;
}
li:AFTER {
	list-style: none;
	display: block;
	clear: both;
	content: "";
	visibility: hidden;
	height: 0
}
.ui-content{
	padding:0 0 40px 0;
}
.ui-content li{
	margin-top:12px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 8px;
	
}
.ui-content .index {
	display: inline-block;
	float: left;
	height: 40px;
	line-height: 38px;
	width: 10%;
	padding-left: 20px;
}

.ui-content .song {
	display: inline-block;
	float: left;
	width: 65%;
}

.ui-content .singer {
	font-size: 12px;
	color: #aaa;
}

.ui-content .play {
	display: inline-block;
	width: 15%;
	float: left;
}

.ui-content .play2 {
	margin-top:3px;
	height:30px;
	padding-top:2px;
	padding-left: 4px;
	text-align: center;
	display: inline-block;
	line-height: 30px;
	width: 50px;
	border: #aaa solid 1px;
	font-size: 14px;
	border-radius: 5px;
	-moz-border-radius: 5px; /* Old Firefox */
	Letter-spacing: 5px;
}

.ui-content .play2click {
	background-color: #e9e9e9;;
}

.ui-content .pause2click {
	background-color: #00ff00;;
}


/*清除浮动代码*/
.player:after {
	display: block;
	clear: both;
	content: "";
	visibility: hidden;
	height: 0
}

.player {
	font: 14px "Helvetica Neue", Helvetica, Arial, "Lucida Grande",
		sans-serif;
	background-color: #333;
	color: #fff;
	position: fixed;
	left: 0px;
	bottom: 0px;
	width: 100%;
	z-index: 9999;
}

.player .ldiv {
	margin-left: 5px;
	float: left;
	display: inline-block;
	height: 60px;
	width: 17%
	
}

.player .ldiv .img {
	border-radius: 5px;
	height: 60px;
	width: 60px;
	background-image: url(/img/xiezc.png);
	background-repeat:no-repeat;
   background-size:60px 59px;
}

.player .cdiv {
	padding-left: 5px;
	display: inline-block;
	height: 60px;
	float: left;
	margin-left: 10px;
	width: 40%;
}

.player .cdiv .sname {
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
	font-size: 16px;
}

.player .cdiv .singer {
	margin-top: 3px;
	padding: 0px;
	margin-bottom: 0px;
	font-size: 12px;
}

.player .rdiv {
	display: inline-block;
	float: left;
	height: 60px;
	width:35%;
}

.player .icon1 {
	margin-top: 15px;
	margin-right: 10px;
	height: 20px;
	width: 20px;
}

.player .icon2 {
	margin-top: 15px;
	margin-right: 10px;
	height: 20px;
	width: 20px;
}

.player .icon3 {
	margin-top: 15px;
	margin-right: 10px;
	height: 20px;
	width: 20px;
}
.player .currtTime{
	display:inline-block;
	width: 90px;
	text-align: center;
	
}